﻿/**
 *    Copyright 2006 - 2011 Opera Software ASA
 *
 *    Licensed under the Apache License, Version 2.0 (the "License");
 *    you may not use this file except in compliance with the License.
 *    You may obtain a copy of the License at
 *
 *        http://www.apache.org/licenses/LICENSE-2.0
 *
 *    Unless required by applicable law or agreed to in writing, software
 *    distributed under the License is distributed on an "AS IS" BASIS,
 *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *    See the License for the specific language governing permissions and
 *    limitations under the License.
 *
 **/


/* command line */

.repl-output,
.repl-input {
    cursor: default;
}

.repl-output li,
.repl-input {
  margin-top: 1px;
}

.repl-output,
.repl-output pre,
.repl-input textarea {
  padding:0;
  margin:0;
  word-wrap: break-word;
}

.repl-input {
  display: table;
  width: 100%;
}

.repl-input .multiline {
  border: 1px dotted gray;
  padding: 1px;
  margin: -2px;
}

.repl-lines {
    white-space: pre;
    list-style: none;
    padding-left: 0;
    margin: 0;    
}

.repl-lines::selection {
    color: #cce5f3;
    background-color: black;
}
    
li > .repl-lines {
    margin-left: 2em;
    padding-left: 9px;
    border-left: dotted thin black;
}

.repl-output .repl-pobj {
    color: blue;
}

.repl-output .repl-pobj:hover {
    text-decoration: underline;
    cursor: pointer;
}

.repl-output-trace li {
    margin-left: 7em;
}

.repl-output-trace li:nth-of-type(1) {
    margin-left: 0em;
}

.repl-output-trace li:nth-of-type(2) {
    margin-left: 1em;
}

.repl-output-trace li:nth-of-type(3) {
    margin-left: 2em;
}

.repl-output-trace li:nth-of-type(4) {
    margin-left: 3em;
}

.repl-output-trace li:nth-of-type(5) {
    margin-left: 4em;
}

.repl-output-trace li:nth-of-type(6) {
    margin-left: 5em;
}

.repl-output-trace li:nth-of-type(7) {
    margin-left: 6em;
}

.repl-output-go-to-source {
  text-decoration: underline;
  color: white;
}

.repl-input span, .repl-input div {
  display: table-cell;
  vertical-align: top;
}

.repl-input span + div {
  width: 100%;
}
  
.repl-input textarea {
  width:100%;
  border:0px solid;
  margin:0;
  padding:0;
  overflow:hidden;
}

.repl-lines .open {
    background-position: 0 -11px;
}

.element-href ,
.element-src {
  color: hsl(0, 0%, 50%);
}

.function-expression {
  color: #fff;
}
